<template>
	<view class="comprehensive-recommended">
		<view class="act-pic-com"></view>
		<view class="act-name">{{title}}</view>
	</view>

</template>

<script>
	export default {
	        name: "big-one",
			props:['title']
	    }
</script>

<style>
	.comprehensive-recommended{
	        width: 170px;
	        height: 160px;
	        border-radius: 10px;
	        background-color: white;
	        border: 1px;
	        display: inline-block;
	        text-align: center;
	        margin-left: 15px;
	    }
	    .act-pic-com{
	        width: 170px;
	        height:auto;
	        border-radius: 10px;
	        padding-left: 5px;
	    }
	    .act-pic-com img{
	        width: 170px;
	        height: 135px;
	        border-radius: 10px;
	    }
	    .act-name{
	        color:#555555;
	        padding-left:10px;
	        margin:0px;
			margin-top: 5px;
			margin-bottom: 0px;
	    }
	    
</style>
